<template>

    <el-tabs  v-model="activeName">


      <el-tab-pane label="主机群组管理" name="group" style="padding:5px">
        <zabbixPage :url="groupsUrl"></zabbixPage>
      </el-tab-pane>
      <el-tab-pane label="模板管理" name="template" style="padding:5px">
        <zabbixPage :url="tempateUrl"></zabbixPage>
      </el-tab-pane>
      <el-tab-pane label="主机管理" name="host" style="padding:5px">
        <zabbixPage :url="hostsUrl"></zabbixPage>
      </el-tab-pane>
      <el-tab-pane label="告警设置" name="warnSet" style="padding:5px">
        <zabbixPage :url="warnSetUrl"></zabbixPage>
      </el-tab-pane>
      <el-tab-pane label="告警通知" name="action" style="padding:5px">
        <zabbixPage :url="actionUrl"></zabbixPage>
      </el-tab-pane>
      <el-tab-pane label="自动发现" name="discovery" style="padding:5px">
        <zabbixPage :url="discoveryUrl"></zabbixPage>
      </el-tab-pane>
    </el-tabs>
</template>
<script>
import zabbixPage from "./zabbixPage.vue"
export default {
  components:{
    zabbixPage
  },
  data(){
    return{
      activeName:"group",
      tempateUrl:"templates.php?groupid=8",
      groupsUrl:"hostgroups.php?ddreset=1",
      hostsUrl:"hosts.php?groupid=8",
      actionUrl:"actionconf.php?ddreset=1",
      discoveryUrl:"discoveryconf.php?ddreset=1",
      warnSetUrl:"triggers.php?groupid=8&hostid=0"
    }
  }
}
</script>
